<!DOCTYPE html>
<html lang="en">
<head>

	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="keywords" content="">
	<meta name="description" content="">

	<title>Paco love Seven</title>

	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/animate.min.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
  	<link rel="stylesheet" href="css/component.css">
	
    <link rel="stylesheet" href="css/owl.theme.css">
	<link rel="stylesheet" href="css/owl.carousel.css">
	<link rel="stylesheet" href="css/vegas.min.css">
	<link rel="stylesheet" href="css/lightbox.min.css">
	<!-- <link rel="stylesheet" href="css/jq22.css"> -->
	<link rel="stylesheet" href="css/style.css">

	<!-- Google web font  -->
	<!-- <link href='http://fonts.useso.com/css?family=Source+Sans+Pro:400,700,300' rel='stylesheet' type='text/css'> -->
	
</head>
<body id="top" data-spy="scroll" data-offset="50" data-target=".navbar-collapse">


<!-- Preloader section -->

<div class="preloader">
     <div class="sk-spinner sk-spinner-pulse"></div>
</div>


<!-- Navigation section  -->

  <div class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container">

      <div class="navbar-header">
        <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="icon icon-bar"></span>
          <span class="icon icon-bar"></span>
          <span class="icon icon-bar"></span>
        </button>
        <a href="#top" class="navbar-brand smoothScroll">Paco ❤ Seven</a>
      </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#top" class="smoothScroll"><span></span></a></li>
            <!-- <li><a href="#about" class="smoothScroll"><span>About</span></a></li> -->
            <!-- <li><a href="#gallery" class="smoothScroll"><span>相册</span></a></li> -->
            <!-- <li><a href="#contact" class="smoothScroll"><span>Contact</span></a></li> -->
          </ul>
       </div>

    </div>
  </div>


<!-- Home section -->

<section id="home">
  <div class="overlay"></div>
  <div class="container">
    <div class="row">

      <div class="col-md-offset-1 col-md-10 col-sm-12 wow fadeInUp" data-wow-delay="0.3s">
        <!-- <h1 class="wow fadeInUp" data-wow-delay="0.6s">浪漫时刻</h1> -->
        <p class="wow fadeInUp" data-wow-delay="0.9s">一种最初相识的感动，一种情感相知的振颤，所有前行中的色彩斑斓，最终化做人生路上永远的相伴!
			<a rel="nofollow" href="#gallery">Happy wedding!</a>
		</p>
        <a href="#gallery" class="smoothScroll btn btn-success btn-lg wow fadeInUp" data-wow-delay="1.2s">查看更多</a>
      </div>

    </div>
  </div>
</section>


<!-- About section -->

<!-- <section id="about">
  <div class="container">
    <div class="row">

      <div class="col-md-9 col-sm-8 wow fadeInUp" data-wow-delay="0.2s">
        <div class="about-thumb">
          <h1>Background</h1>
          <p>Quisque tempor bibendum dolor at volutpat. Suspendisse venenatis quam sed libero euismod feugiat. In cursus nisi vitae lectus facilisis mollis. Nullam scelerisque, quam nec iaculis vulputate.</p>
        </div>
      </div>

      <div class="col-md-3 col-sm-4 wow fadeInUp about-img" data-wow-delay="0.6s">
        <img src="images/about-img.jpg" class="img-responsive img-circle" alt="About">
      </div>

      <div class="clearfix"></div>

      <div class="col-md-12 col-sm-12 wow fadeInUp" data-wow-delay="0.3s">
        <div class="section-title text-center">
          <h1>Snapshot Team</h1>
          <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h3>
        </div>
      </div>


      <div id="team-carousel" class="owl-carousel">

      <div class="item col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.4s">
        <div class="team-thumb">
          <div class="image-holder">
            <img src="images/team-img1.jpg" class="img-responsive img-circle" alt="Mary">
          </div>
          <h2 class="heading">Mary, CEO</h2>
          <p class="description">Aliquam ac justo est. Praesent feugiat cursus est.</p>
        </div>
      </div>

      <div class="item col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.6s">
        <div class="team-thumb">
          <div class="image-holder">
            <img src="images/team-img2.jpg" class="img-responsive img-circle" alt="Jack">
          </div>
          <h2 class="heading">Jack, Founder</h2>
          <p class="description">Maecenas sed diam eget risus varius blandit sit non.</p>
        </div>
      </div>

      <div class="item col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.8s">
        <div class="team-thumb">
          <div class="image-holder">
            <img src="images/team-img3.jpg" class="img-responsive img-circle" alt="Linda">
          </div>
          <h2 class="heading">Linda, Manager</h2>
          <p class="description">Phasellus nec ante in nunc molestie tincidunt ut eu diam.</p>
        </div>
      </div>

      <div class="item col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.8s">
        <div class="team-thumb">
          <div class="image-holder">
            <img src="images/team-img4.jpg" class="img-responsive img-circle" alt="Sandy">
          </div>
          <h2 class="heading">Sandy, Director</h2>
          <p class="description">Curabitur vulputate euismod neque et tincidunt.</p>
        </div>
      </div>

      <div class="item col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.8s">
        <div class="team-thumb">
          <div class="image-holder">
            <img src="images/team-img5.jpg" class="img-responsive img-circle" alt="Lukia">
          </div>
          <h2 class="heading">Lukia, Fashion</h2>
          <p class="description">Maecenas sed diam eget risus varius blandit sit.</p>
        </div>
      </div>

      <div class="item col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.8s">
        <div class="team-thumb">
          <div class="image-holder">
            <img src="images/team-img6.jpg" class="img-responsive img-circle" alt="George">
          </div>
          <h2 class="heading">George, Admin</h2>
          <p class="description">Lorem ipsum dolor sit amet, consectetur adipiscing.</p>
        </div>
      </div>

      <div class="item col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.8s">
        <div class="team-thumb">
          <div class="image-holder">
            <img src="images/team-img7.jpg" class="img-responsive img-circle" alt="Day">
          </div>
          <h2 class="heading">Day, Accountant</h2>
          <p class="description">Maecenas sed diam eget risus varius blandit sit.</p>
        </div>
      </div>

      <div class="item col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.8s">
        <div class="team-thumb">
          <div class="image-holder">
            <img src="images/team-img8.jpg" class="img-responsive img-circle" alt="Lynn">
          </div>
          <h2 class="heading">Lynn, Marketing</h2>
          <p class="description">Lorem ipsum dolor sit amet, consectetur adipiscing.</p>
        </div>
      </div>

      </div>

    </div>
  </div>
</section> -->

<div class="copyrights">Designed by <a href="#top"  title="Paco">Paco Xie</a></div>
<!-- Gallery section -->

<section id="gallery">
  <div class="container">
  
    <div class="row">
      <div class="col-md-offset-2 col-md-8 col-sm-12 wow fadeInUp" data-wow-delay="0.3s">
        <div class="section-title">
          <h1></h1>
          <p></p>
        </div>
      </div>
	</div>
	
	
	
	
	<div class="row">
		<div class="col-md-6 col-sm-6">
          <div class="gallery-thumb">
			<a class="example-image-link" href="images/wedding-gallery-large/black1.jpg" data-lightbox="test" data-title="">
				<img class="jfade_image"  src="images/wedding-gallery-small/black1.jpg" alt=""/>
			</a>
		  </div>
        </div>
		
		<div class="col-md-6 col-sm-6">
          <div class="gallery-thumb">
			<a class="example-image-link" href="images/wedding-gallery-large/black2.jpg" data-lightbox="test" data-title="">
				<img class="jfade_image"  src="images/wedding-gallery-small/black2.jpg" alt=""/>
			</a>
		  </div>
        </div>
	</div>
	
	<div class="row">
		<div class="col-md-6 col-sm-6">
          <div class="gallery-thumb">
			<a class="example-image-link" href="images/wedding-gallery-large/black3.jpg" data-lightbox="test" data-title="">
				<img class="jfade_image"  src="images/wedding-gallery-small/black3.jpg" alt=""/>
			</a>
		  </div>
        </div>
		
		<div class="col-md-6 col-sm-6">
          <div class="gallery-thumb">
			<a class="example-image-link" href="images/wedding-gallery-large/black4.jpg" data-lightbox="test" data-title="">
				<img class="jfade_image"  src="images/wedding-gallery-small/black4.jpg" alt=""/>
			</a>
		  </div>
        </div>
	</div>
	
	
	<div class="row">
		<div class="col-md-6 col-sm-6">
          <div class="gallery-thumb">
			<a class="example-image-link" href="images/wedding-gallery-large/black5.jpg" data-lightbox="test" data-title="">
				<img class="jfade_image"  src="images/wedding-gallery-small/black5.jpg" alt=""/>
			</a>
		  </div>
        </div>
		
		<div class="col-md-6 col-sm-6">
          <div class="gallery-thumb">
			<a class="example-image-link" href="images/wedding-gallery-large/black6.jpg" data-lightbox="test" data-title="">
				<img class="jfade_image"  src="images/wedding-gallery-small/black6.jpg" alt=""/>
			</a>
		  </div>
        </div>
	</div>

	
	<div class="row">
		<div class="col-md-6 col-sm-6">
          <div class="gallery-thumb">
			<a class="example-image-link" href="images/wedding-gallery-large/black7.jpg" data-lightbox="test" data-title="">
				<img class="jfade_image"  src="images/wedding-gallery-small/black7.jpg" alt=""/>
			</a>
		  </div>
        </div>
		
		<div class="col-md-6 col-sm-6">
          <div class="gallery-thumb">
			<a class="example-image-link" href="images/wedding-gallery-large/black8.jpg" data-lightbox="test" data-title="">
				<img class="jfade_image"  src="images/wedding-gallery-small/black8.jpg" alt=""/>
			</a>
		  </div>
        </div>
	</div>
	
	
	<div class="row">
		<div class="col-md-6 col-sm-6">
          <div class="gallery-thumb">
			<a class="example-image-link" href="images/wedding-gallery-large/black9.jpg" data-lightbox="test" data-title="">
				<img class="jfade_image"  src="images/wedding-gallery-small/black9.jpg" alt=""/>
			</a>
		  </div>
        </div>
		
		<div class="col-md-6 col-sm-6">
          <div class="gallery-thumb">
			<a class="example-image-link" href="images/wedding-gallery-large/black10.jpg" data-lightbox="test" data-title="">
				<img class="jfade_image"  src="images/wedding-gallery-small/black10.jpg" alt=""/>
			</a>
		  </div>
        </div>
	</div>
	
	<div class="row">
		<div class="col-md-6 col-sm-6">
          <div class="gallery-thumb">
			<a class="example-image-link" href="images/wedding-gallery-large/white1.jpg" data-lightbox="test" data-title="">
				<img class="jfade_image"  src="images/wedding-gallery-small/white1.jpg" alt=""/>
			</a>
		  </div>
        </div>
		
		<div class="col-md-6 col-sm-6">
          <div class="gallery-thumb">
			<a class="example-image-link" href="images/wedding-gallery-large/white2.jpg" data-lightbox="test" data-title="">
				<img class="jfade_image"  src="images/wedding-gallery-small/white2.jpg" alt=""/>
			</a>
		  </div>
        </div>
	</div>
	
	<div class="row">
		<div class="col-md-6 col-sm-6">
          <div class="gallery-thumb">
			<a class="example-image-link" href="images/wedding-gallery-large/white3.jpg" data-lightbox="test" data-title="">
				<img class="jfade_image"  src="images/wedding-gallery-small/white3.jpg" alt=""/>
			</a>
		  </div>
        </div>
		
		<div class="col-md-6 col-sm-6">
          <div class="gallery-thumb">
			<a class="example-image-link" href="images/wedding-gallery-large/white4.jpg" data-lightbox="test" data-title="">
				<img class="jfade_image"  src="images/wedding-gallery-small/white4.jpg" alt=""/>
			</a>
		  </div>
        </div>
	</div>
	
	<div class="row">
		<div class="col-md-6 col-sm-6">
          <div class="gallery-thumb">
			<a class="example-image-link" href="images/wedding-gallery-large/white5.jpg" data-lightbox="test" data-title="">
				<img class="jfade_image"  src="images/wedding-gallery-small/white5.jpg" alt=""/>
			</a>
		  </div>
        </div>
		
		<div class="col-md-6 col-sm-6">
          <div class="gallery-thumb">
			<a class="example-image-link" href="images/wedding-gallery-large/white6.jpg" data-lightbox="test" data-title="">
				<img class="jfade_image"  src="images/wedding-gallery-small/white6.jpg" alt=""/>
			</a>
		  </div>
        </div>
	</div>
	
	<div class="row">
		<div class="col-md-6 col-sm-6">
          <div class="gallery-thumb">
			<a class="example-image-link" href="images/wedding-gallery-large/white7.jpg" data-lightbox="test" data-title="">
				<img class="jfade_image"  src="images/wedding-gallery-small/white7.jpg" alt=""/>
			</a>
		  </div>
        </div>
		
		<div class="col-md-6 col-sm-6">
          <div class="gallery-thumb">
			<a class="example-image-link" href="images/wedding-gallery-large/white8.jpg" data-lightbox="test" data-title="">
				<img class="jfade_image"  src="images/wedding-gallery-small/white8.jpg" alt=""/>
			</a>
		  </div>
        </div>
	</div>
	
	<div class="row">
		<div class="col-md-6 col-sm-6">
          <div class="gallery-thumb">
			<a class="example-image-link" href="images/wedding-gallery-large/white9.jpg" data-lightbox="test" data-title="">
				<img class="jfade_image"  src="images/wedding-gallery-small/white9.jpg" alt=""/>
			</a>
		  </div>
        </div>
		
		<div class="col-md-6 col-sm-6">
          <div class="gallery-thumb">
			<a class="example-image-link" href="images/wedding-gallery-large/white10.jpg" data-lightbox="test" data-title="">
				<img class="jfade_image"  src="images/wedding-gallery-small/white10.jpg" alt=""/>
			</a>
		  </div>
        </div>
	</div>
	
	<div class="row">
		<div class="col-md-6 col-sm-6">
          <div class="gallery-thumb">
			<a class="example-image-link" href="images/wedding-gallery-large/1.jpg" data-lightbox="test" data-title="">
				<img class="jfade_image"  src="images/wedding-gallery-small/1.jpg" alt=""/>
			</a>
		  </div>
        </div>
		
		<div class="col-md-6 col-sm-6">
          <div class="gallery-thumb">
			<a class="example-image-link" href="images/wedding-gallery-large/2.jpg" data-lightbox="test" data-title="">
				<img class="jfade_image"  src="images/wedding-gallery-small/2.jpg" alt=""/>
			</a>
		  </div>
        </div>
		
	</div>
        
	<div class="row">
		<div class="col-md-6 col-sm-6">
          <div class="gallery-thumb">
			<a class="example-image-link" href="images/wedding-gallery-large/3.jpg" data-lightbox="test" data-title="">
				<img class="jfade_image"  src="images/wedding-gallery-medium/3.jpg" alt=""/>
			</a>
		  </div>
        </div>
		
		<div class="col-md-6 col-sm-6">
          <div class="gallery-thumb">
			<a class="example-image-link" href="images/wedding-gallery-large/4.jpg" data-lightbox="test" data-title="">
				<img class="jfade_image"  src="images/wedding-gallery-small/4.jpg" alt=""/>
			</a>
		  </div>
        </div>
	</div>
		<!-- <li class="col-md-6 col-sm-6">
          <figure>
            <div>
				<a class="example-image-link" href="images/slide-img3.jpg" data-lightbox="test" data-title="Click the right half of the image to move forward.">
					<img class="jfade_image" src="images/slide-img3.jpg" alt=""/>
				</a>
			</div>
            <figcaption>
              <h1>Cras ante sem</h1>
              <small>Aenean urna massa, convallis vehicula velit et, dictum pellentesque nisi.</small>
              <a href="#">Learn More</a>
            </figcaption>
          </figure>
        </li> -->
		
  </div>
</section>


<!-- Contact section -->

<!-- <section id="contact">
  <div class="container">
    <div class="row">

       <div class="col-md-offset-1 col-md-10 col-sm-12">

        <div class="col-lg-offset-1 col-lg-10 section-title wow fadeInUp" data-wow-delay="0.4s">
          <h1>Send a message</h1>
          <p>Nunc suscipit ante in lectus laoreet, nec pharetra diam dictum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
        </div>

        <form action="#" method="post" class="wow fadeInUp" data-wow-delay="0.8s">
          <div class="col-md-6 col-sm-6">
            <input name="name" type="text" class="form-control" id="name" placeholder="Name">
          </div>
          <div class="col-md-6 col-sm-6">
            <input name="email" type="email" class="form-control" id="email" placeholder="Email">
          </div>
          <div class="col-md-12 col-sm-12">
            <textarea name="message" rows="6" class="form-control" id="message" placeholder="Message"></textarea>
          </div>
          <div class="col-md-offset-3 col-md-6 col-sm-offset-3 col-sm-6">
            <input type="submit" class="form-control" value="SEND MESSAGE">
          </div>
        </form>

      </div>

    </div>
  </div>
</section> -->


<!-- Footer section -->

<footer>
	<div class="container">
    
		<div class="row">

			<div class="col-md-12 col-sm-12">
            
                <!-- <ul class="social-icon"> 
                    <li><a href="#" class="fa fa-qq" data-wow-delay="0.2s"></a></li>
                    <li><a href="#" class="fa fa-weibo" data-wow-delay="0.4s"></a></li>
                    <li><a href="#" class="fa fa-weixin" data-wow-delay="0.6s"></a></li>
                </ul> -->

				<p class="wow fadeInUp"  data-wow-delay="1s" >Copyright &copy; 2016 <a href="#top" target="_blank" title="Paco Xie"></a> - Designed by  <a href="#" title="Paco Xie" target="_blank">Paco Xie</a></p>
                
			</div>
			
		</div>
        
	</div>
</footer>

<!-- Back top -->
<a href="#" class="go-top"><i class="fa fa-angle-up"></i></a>

<!-- Javascript  -->
<script src="js/jquery.js"></script>
<script src="js/lightbox-plus-jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/vegas.min.js"></script>
<script src="js/modernizr.custom.js"></script>
<script src="js/toucheffects.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/custom.js"></script>
<!-- <script src="js/jfade.js"></script> -->
</body>
</html>